<template>
  <!-- 城市排名 -->
  <div class="left left_bottom">
    <div class="left_toptitle">
      <span style="color: #fff;">城市排名</span>
      <span></span>
    </div>
    <div class="left_topcontent">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column type="index" label="排名" width="45" align="center">
        </el-table-column>
        <el-table-column prop="city" label="城市" width="50">
        </el-table-column>
        <el-table-column prop="AQI" label="AQI" width="40">
        </el-table-column>
        <el-table-column prop="dj" label="等级" width="60">
        </el-table-column>
        <el-table-column prop="sw" label="首污" width="60">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
            city: '沈阳市',
            AQI: '34',
            dj: '优',
            sw: '--'
          },
          {
            city: '大连市',
            AQI: '41',
            dj: '优',
            sw: '--'
          },
          {
            city: '锦州市',
            AQI: '48',
            dj: '优',
            sw: '--'
          },
          {
            city: '铁岭市',
            AQI: '52',
            dj: '良',
            sw: 'PM2.5'
          },
          {
            city: '鞍山市',
            AQI: '65',
            dj: '良',
            sw: 'PM2.5'
          },
          {
            city: '丹东市',
            AQI: '78',
            dj: '良',
            sw: 'PM10'
          },
          {
            city: '盘锦市',
            AQI: '90',
            dj: '良',
            sw: 'PM10'
          },
          {
            city: '阜新市',
            AQI: '112',
            dj: '轻度污染',
            sw: 'PM2.5'
          }
        ]
      }
    },
    methods: {},
    created() {}
  }

</script>

<style scoped>
/deep/.el-table th>.cell {
    color: #333;
    font-size: .175rem;
}
/deep/.el-table td, .el-table th {
    padding: 0 !important;
}
/deep/.el-table th {
    padding: 0 !important;
}
.left_topcontent {
  width: 4.75rem;
  height: 5.125rem
}
</style>
<style>
.left_topcontent .el-table .cell {
  padding-left: 5px !important;
  padding-right: 5px !important;
  line-height: 28px;
}
</style>
